/*------------------------------------------------------------------------------------------------
Customization : Johan Paul | URL : www.johanpaul.net | You can see bunch of kajillion lines here LOL
----------------------------------------------------------------------------------------------------*/
.inherit{font-family:inherit;padding:5px;}
.search-input{padding:5px 10px;background-image:url(&#39;http://www.google.com/cse/images/google_custom_search_watermark.gif&#39;);
background-repeat:no-repeat;background-position:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-family: &#39;Arbutus Slab&#39;, serif;color:transparent;}
.search-input:focus {background-image:none;color:black;}
p.accent {background:orange;width:500px;margin-left:auto;margin-right:auto;
text-align:center;padding:10px;line-height:30px;margin-bottom:10px; margin-top:10px;border:10px groove red;}
#cssmenu ul,#cssmenu li,#cssmenu span,
#cssmenu a {border-top:0;margin: 0;padding: 0;position: relative;-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#cssmenu {height: 30px;width: 686px;background: #000000;
  border-radius: 0px 0px 0 30px;-moz-border-radius: 0px 0px 0 30px;
  -webkit-border-radius: 0px 0px 0 30px;box-shadow: 0 3px 3px 0 #000000;
  border-bottom: 0px solid #000000;-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#cssmenu:after, #cssmenu ul:after {content: &#39;&#39;;display: block;clear: both;}
#cssmenu a {background: #000;  color: #ffffff;display: inline-block;font-family: &#39;Arbutus Slab&#39;, serif;
  font-size: 11px;line-height: 30px;padding: 0 20px;text-decoration: none;}
#cssmenu ul {list-style: none;}
#cssmenu &gt; ul {float: left;}
#cssmenu &gt; ul &gt; li {float: left;}
#cssmenu &gt; ul &gt; li:first-child &gt; a {border-radius: 0px 0 0 30px;-moz-border-radius: 0px 0 0 30px;
  -webkit-border-radius: 0px 0 0 30px;}
#cssmenu &gt; ul &gt; li:last-child &gt; a {border-radius: 0 0px 0 0;-moz-border-radius: 0 0px 0 0;
  -webkit-border-radius: 0 0px 0 0;}
#cssmenu &gt; ul &gt; li.active &gt; a {box-shadow: inset 3px 0 3px #000000;-moz-box-shadow: inset 3px 0 3px #000000;
  -webkit-box-shadow: inset 3px 0 3px #000000;background: #000;}
#cssmenu &gt; ul &gt; li:hover &gt; a {background: #FFFB00;color: #000;-moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;}
#cssmenu .has-sub {z-index: 4;}
#cssmenu .has-sub:hover &gt; ul {display: block;}
#cssmenu .has-sub ul {display: none;position: absolute;width: 120px;top: 100%;left: 0;}
#cssmenu .has-sub ul li {margin-bottom: -1px;}
#cssmenu .has-sub ul li a {background: #000;border-bottom: 0;filter: none;font-size: 11px;display: block;
  line-height: 20px;padding: 5px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#cssmenu .has-sub ul li:hover a {background: #FFFB00;color: #000;}
#cssmenu .has-sub .has-sub:hover &gt; ul {display: block;}
#cssmenu .has-sub .has-sub ul {display: none;position: absolute;left: 100%;top: 0;}
#cssmenu .has-sub .has-sub ul li a {background: #000000;border-bottom: 2px;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#cssmenu .has-sub .has-sub ul li a:hover {background: #FFFB00;}
textarea {background-color:black;  font-family: Courier, sans-serif;font-size:14px;color:white;border:3px ridge grey; 
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;line-height:150%;}
p.no {width:688px;height:60px;overflow:hidden; margin-top:10px;margin-bottom:0px;margin-left:auto;margin-right:auto;
padding:30px 10px 10px 10px; text-align:center;background:#FFD042; border:1px solid #FF8400;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#tester {display:none;}
.back2 {text-align:center;-webkit-border-radius: 30px;-moz-border-radius: 30px;
border-radius: 30px;background-color:#FEFFDB;padding : 30px;}
img.search_butt {text-align:center; padding:2px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFB217 0%, #EF5C07 100%);
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFB217 0%, #EF5C07 100%);
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFB217 0%, #EF5C07 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFB217), color-stop(1, #EF5C07));background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFB217 0%, #EF5C07 100%);background-image: radial-gradient(ellipse farthest-corner at center, #FFB217 0%, #EF5C07 100%);
opacity:0.7;filter:alpha(opacity=70);transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s; }
img.search_butt:hover {opacity:1.0;filter:alpha(opacity=100);}
.back2 {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;background-color:#E1FAF8;padding : 10px;}
.back3 {text-align:center;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;background-color:#E1FAF8;padding : 30px;border-style:solid;border-color:#A4DEF5;border-width : 1px;}
.back4 {text-align:center;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
background-color:#EDFAFF;padding : 20px;}
blockquote.code1 {font-family: &#39;Droid Sans&#39;, sans-serif;font-size:15px;overflow:hidden;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;background-color:black;color:white;
width:85%;padding : 10px 0px 10px 20px;border-style:groove;border-color:grey;border-width : 5px;}
blockquote.code2 {font-family: &#39;Droid Sans&#39;, sans-serif;font-size:15px;overflow:hidden;
-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;color:white;
background-image: -webkit-linear-gradient(left, #210000, transparent); 
background-image:    -moz-linear-gradient(left, #210000, transparent); 
background-image:     -ms-linear-gradient(left, #210000, transparent); 
background-image:      -o-linear-gradient(left, #210000, transparent);width:80%;padding : 10px 10px 10px 10px;}
blockquote.code3 {font-family: &#39;Droid Sans&#39;, sans-serif;font-size:15px;overflow:hidden;
-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
background-color:#012608;width:85%;color:yellow;padding :  10px;border-style:groove;border-color:grey;border-width : 5px;}
blockquote.code4 {font-family: &#39;Droid Sans&#39;, sans-serif;font-size:15px;overflow:hidden;
color:yellow;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
background-image: -webkit-linear-gradient(left, #02330B, transparent); 
background-image:    -moz-linear-gradient(left, #02330B, transparent); 
background-image:     -ms-linear-gradient(left, #02330B, transparent); 
background-image:      -o-linear-gradient(left, #02330B, transparent);
width:80%;padding : 10px 10px 10px 10px;}
blockquote.code3 a:link, blockquote.code4 a:link {color:orange;}
blockquote.code3 a:visited, blockquote.code4 a:visited {color:orange;}
blockquote.code3 a:hover, blockquote.code4 a:hover {color:lime;}
blockquote.code3 a:active, blockquote.code4 a:active {color:lime;}
blockquote.awesome {font-family:Georgia, serif;  font-size: 18px;font-style: italic;color:#525252;width: 80%;
padding: 1.2em 45px 15px 45px;position: relative;color: grey;
background:#E6E6E6;border-radius:20px;-moz-border-radius:20px;
-webkit-border-radius:20px;-o-border-radius:20px;
-ms-border-radius:20px;border:2px solid #E0E0E0;box-shadow:0 0 10px grey;overflow:hidden;}
blockquote.awesome:before {display: block;content: &quot;\201C&quot;;
font-size: 100px;position: absolute;margin:25px 0px 0px 0px;left: -5px;top: -50px;color: #595959;}
blockquote cite.awesome {color: #999999;
font-size: 14px;font-weight:normal;display: block;margin-top: 5px;float:right;}
blockquote cite.awesome:before {content: &quot;\2014 \2009 \2009&quot;;}
blockquote.standard {font-family:Georgia, serif;font-size: 18px;font-style: italic;color:#525252;width: 80%;
padding: 1em 45px 15px 45px;line-height: 1.45;position: relative;color: grey;}
blockquote.standard:before {display: block;content: &quot;\201C&quot;;font-size: 100px;
position: absolute;margin:25px 0px 0px 0px;left: -5px;top: -50px;color: #595959;}
blockquote cite.standard {color: #999999;font-size: 14px;font-weight:normal;display: block;margin-top: 5px;}
blockquote cite.standard:before {content: &quot;\2014 \2009 \2009&quot;;}
a[target=&quot;_blank&quot;] {display:inline-block;line-height:16px; padding:2px 0;
background:url(&#39;https://lh6.googleusercontent.com/-1d2lgSRxGt8/URps7qV5IuI/AAAAAAAAAl4/Uvl7urv8_C4/h120/external_link2.png&#39;)  center right no-repeat;
  padding-right:18px;}
.button {text-align:center;
background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #404040 0%, #000000 100%);
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #404040 0%, #000000 100%);
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #404040 0%, #000000 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #404040), color-stop(1, #000000));
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #404040 0%, #000000 100%);
background-image: radial-gradient(ellipse farthest-corner at center top, #404040 0%, #000000 100%);
padding: 9px 18px;-webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius: 25px;
box-shadow:         0px 3px 15px rgba(50, 50, 50, 0.96);   
color: #fff;overflow:hidden;   font-size: 18px;font-family: &#39;Arbutus Slab&#39;, serif;
text-decoration: none;vertical-align: middle;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.button:hover {
background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #4A0000 0%, #000000 100%);
background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #4A0000 0%, #000000 100%);
background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #4A0000 0%, #000000 100%);
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #4A0000), color-stop(1, #000000));
background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #4A0000 0%, #000000 100%);
background-image: radial-gradient(ellipse farthest-corner at center bottom, #4A0000 0%, #000000 100%);
 -webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 1px 10px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 10px rgba(50, 50, 50, 0.75);color: #D7FF0F;}
.button:active {
background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #380000 0%, #690000 100%);
background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #380000 0%, #690000 100%);
background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #380000 0%, #690000 100%);
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #380000), color-stop(1, #690000));
background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #380000 0%, #690000 100%);
background-image: radial-gradient(ellipse farthest-corner at center bottom, #380000 0%, #690000 100%);}
#monkey {width:180px;height:25px;background:#050505;
font-family: &#39;Caesar Dressing&#39;, cursive;font-size:20px;color:#EEEEEE;text-align:center;font-weight:700;
border-radius:10px;padding:3px 6px 3px 6px;-moz-border-radius:10px;
-webkit-border-radius:10px;box-shadow:0px -5px 15px 0px #A2A2A2 inset;
transition:all 0.1s;-o-transition:all 0.1s;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;}
#monkey:hover {box-shadow:0px 7px 20px 0px orange inset;cursor:pointer;}
#monkey:active {box-shadow:0px 10px 20px 0px orange inset;}
.buttonn, .buttonnn {text-align:center;margin-bottom:3px;margin-left:auto;margin-right:auto;
background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #404040 0%, #000000 100%);
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #404040 0%, #000000  100%);
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #404040 0%, #000000 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #404040), color-stop(1,#000000));
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #404040 0%, #000000 100%);
background-image: radial-gradient(ellipse farthest-corner at center top, #404040 0%, #000000 100%);
padding: 5px;height:25px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
box-shadow: 0px 3px 7px rgba(50, 50, 50, 0.96);   
color: #fff;overflow:hidden;font-size: 14px;font-family: &#39;Arbutus Slab&#39;, serif;
text-decoration: none;vertical-align: middle;width:250px;
-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;}
.buttonn:hover {
background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #4A0000 0%, #000000 100%);
background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #4A0000 0%, #000000 100%);
background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #4A0000 0%, #000000 100%);
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #4A0000), color-stop(1, #000000));
background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #4A0000 0%, #000000 100%);
background-image: radial-gradient(ellipse farthest-corner at center bottom, #4A0000 0%, #000000 100%);
 -webkit-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 7px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 7px rgba(50, 50, 50, 0.75);
font-size: 18px;color: #00FF40;}
.buttonn:active {
background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #380000 0%, #690000 100%);
background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #380000 0%, #690000 100%);
background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #380000 0%, #690000 100%);
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #380000), color-stop(1, #690000));
background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #380000 0%, #690000 100%);
background-image: radial-gradient(ellipse farthest-corner at center bottom, #380000 0%, #690000 100%);
font-size: 17px;}
.home {text-align:center;
background-image: -ms-radial-gradient(center top, ellipse farthest-side, #EF9F00 0%, #A16B00 100%);
background-image: -moz-radial-gradient(center top, ellipse farthest-side, #EF9F00 0%, #A16B00 100%);
background-image: -o-radial-gradient(center top, ellipse farthest-side, #EF9F00 0%, #A16B00 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #EF9F00), color-stop(1, #A16B00));background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #EF9F00 0%, #A16B00 100%);
background-image: radial-gradient(ellipse farthest-side at center top, #EF9F00 0%, #A16B00 100%);
padding: 10px 0 10px 0;width:600px;
margin-left:auto;margin-right:auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
-webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.96);-moz-box-shadow:    0px 3px 10px rgba(50, 50, 50, 0.96);
box-shadow:         0px 3px 10px rgba(50, 50, 50, 0.96);overflow:hidden;color: #000;font-size: 18px;
font-family: &#39;Arbutus Slab&#39;, serif;text-decoration: none;vertical-align: middle;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.home:hover {
background-image: -ms-radial-gradient(center bottom, ellipse farthest-side, #EF9F00 0%, #A16B00 100%);
background-image: -moz-radial-gradient(center bottom, ellipse farthest-side, #EF9F00 0%, #A16B00 100%);
background-image: -o-radial-gradient(center bottom, ellipse farthest-side, #EF9F00 0%, #A16B00 100%);
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 487, color-stop(0, #EF9F00), color-stop(1, #A16B00));
background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, #EF9F00 0%, #A16B00 100%);
background-image: radial-gradient(ellipse farthest-side at center bottom, #EF9F00 0%, #A16B00 100%);
 -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.75);}
.home:active {
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFF00 0%, #EF9F00 100%);
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFF00 0%, #EF9F00 100%);
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFF00 0%, #EF9F00 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFF00), color-stop(1, #EF9F00));background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFF00 0%, #EF9F00 100%);background-image: radial-gradient(ellipse farthest-corner at center, #FFFF00 0%, #EF9F00 100%);
 -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 0px rgba(50, 50, 50, 0.75);color:#fff;}
#BlogArchive1 {padding:10px;margin-top:-30px;margin-left: -40px !important;
border-style:solid;border-width:0px 3px 0px 0px;text-align:center;background:#eeeeee;}
  #Blog1{margin-top: -25px;}
#Header1 {display:none;}
  #Attribution1 {text-shadow:1px -1px 1px #000;box-shadow:0px 2px 1px 0px #fff inset; margin-left:28.5%;width:35%;padding-top:10px;padding-bottom:15px;margin-bottom:-20px;margin-top:30px;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;padding-bottom:0px;}
  #HTML7 {margin-left:12%;width:68%;margin-bottom:-5px;}
#Text1 {margin-left:80px;}
#Text2, #HTML5 {margin-left:30px;}
#HTML3 {text-align: center;margin-bottom:5px;margin-top:0px;border-bottom:0;border-left: 2px solid;
border-right: 0;border-top: 3px solid ;
-moz-border-radius: 80px 0px 0px 0px !important;
-webkit-border-radius: 80px 0px 0px 0px !important;
border-radius: 80px 0px 0px 0px !important;
background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #820000 0%, #000000 80%);
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #820000 0%, #000000 80%);
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #820000 0%, #000000 80%);
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #820000), color-stop(0.8, #000000));
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #820000 0%, #000000 80%);
background-image: radial-gradient(ellipse farthest-corner at center top, #820000 0%, #000000 80%);}
#HTML3:hover {background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #E39E27 0%, #000000 80%);
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #E39E27 0%, #000000 80%);
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #E39E27 0%, #000000 80%);
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #E39E27), color-stop(0.8, #000000));
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #E39E27 0%, #000000 80%);
background-image: radial-gradient(ellipse farthest-corner at center top, #E39E27 0%, #000000 80%);}
  #Text1 h2, #Text2 h2, #HTML5 h2 {font-size:30px;padding:0;}
  #PopularPosts1, #Feed1 {padding:0 10px;margin-left: -40px;text-align:center; border-right:3px solid; 
    background:#eeeeee;}
#PopularPosts1 a,#Feed1 a{text-shadow:0px 0px 1px #DEDEDE;color:black;font-size:15px;
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
#Feed1 {margin-bottom:-30px;}
#Feed1 ul li{padding:15px 5px 10px 10px;background:#DEDEDE;border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;box-shadow:-50px 0px 50px 0px #EEEEEE inset;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s; border-left: 2px solid #D0D0D0;text-align:left;}
#Feed1 ul li:before {content:&#39;&#39;;float:left;margin:-18px 0px 0px -18px;
    width:15px;height:15px;display:block;background:#BA8002;border-radius:10px;
  -moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;
  box-shadow:0px 2px 8px 1px #5C3F01 inset;border:2px solid #D0D0D0;
  transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
#Feed1 h2 {box-shadow:-50px 0px 60px 3px #BA8002 inset; background:#EEEEEE;
   border-right:3px solid #DEDEDE;border-left:2px solid #DEDEDE;border-top:3px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;border-radius:20px 20px 20px 0;-webkit-border-radius:20px 20px 20px 0;
    -moz-border-radius:20px 20px 20px 0;-o-border-radius:20px 20px 20px 0;
    margin-right:-28px;margin-bottom:0px;margin-left:20px;font-size:30px;}
  #Feed1 ul li:hover {background:#FAFAFA;}
  #Feed1 ul li:hover:before {background:orange;}
    #PopularPosts1 ul li:hover:after {background:lime;}
  #PopularPosts1 ul li:hover {background:#FAFAFA;}
#PopularPosts1 ul li {background:#DEDEDE;
    border-radius:0px 20px 20px 0px;-moz-border-radius:0px 20px 20px 0px;
    -webkit-border-radius:0px 20px 20px 0px;box-shadow:50px 0px 50px 0px #EEEEEE inset;
    border-right: 2px solid #D0D0D0;text-align:right; padding-right:15px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;padding-left:15px;}
#PopularPosts1 ul li:after
  {content:&#39;&#39;;float:right;margin:12px -20px 0px 0px;
    width:15px;height:15px;background:#02BA27;
  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
  -o-border-radius:10px;box-shadow:0px 2px 8px 1px #096101 inset;border:2px solid #D0D0D0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
#PopularPosts1 h2 {box-shadow:-30px 0px 60px 2px #02BA27 inset;
background:#EEEEEE;border-right:3px solid #DEDEDE;border-left:2px solid #DEDEDE;border-top:3px solid #DEDEDE;
border-bottom:1px solid #DEDEDE;border-radius:20px 20px 20px 0;-webkit-border-radius:20px 20px 20px 0;
-moz-border-radius:20px 20px 20px 0;-o-border-radius:20px 20px 20px 0;
    margin-right:-28px;margin-bottom:0px;margin-left:20px;font-size:30px;}
#HTML1{margin-left: -40px;text-align:center;background:#eeeeee;border-style:solid;border-width: 1px 3px 0px 0px;
-moz-border-radius: 0px 120px 0px 0px;-webkit-border-radius: 0px 120px 0px 0px;border-radius: 0px 120px 0px 0px;}
#HTML2 {text-align:center;color:#fffff;background:#eeeeee;border-style:solid;border-width:0px 3px 0px 0px;
margin-bottom: -30px !important;margin-top: -30px !important;margin-left: -40px !important;}
#HTML6 {background:#eeeeee;border-style:solid;border-width:0px 3px 0px 0px;
margin-top: -30px;margin-bottom:-20px;margin-left: -40px;}
#HTML8 {background:#eeeeee;border-style:solid;border-width:0px 3px 0px 0px;margin-bottom:-30px;margin-left: -40px;}
.but {padding: 5px 5px;background: #ffffff;
-webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;box-shadow: 0px 3px 3px 1px#000000;width:440px;overflow:hidden;}
.but:hover {box-shadow: 0px 8px 8px 0px#000000;}
img.tra {opacity:0.3;filter:alpha(opacity=30);width:50px;height:80px;transition:width 1s, opacity 2s;
-moz-transition:width 1s, opacity 2s;-webkit-transition:width 1s, opacity 2s;-o-transition:width 1s, opacity 2s;}
img.tra:hover {width:80px;opacity:1.0;filter:alpha(opacity=100);}
img.traz {opacity:0.2;filter:alpha(opacity=20);transition: opacity 1s;
-moz-transition: opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;}
img.traz:hover {opacity:1.0;filter:alpha(opacity=100);}
img.traz2 {opacity:0.7;filter:alpha(opacity=70);
transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;}
img.traz2:hover{opacity:1.0;filter:alpha(opacity=100);}
.traz{opacity:0.5;filter:alpha(opacity=50);transition: opacity 0.7s;-moz-transition: opacity 0.7s;
-webkit-transition:opacity 0.7s;-o-transition:opacity 0.7s;}
.traz:hover {opacity:1.0;filter:alpha(opacity=100);}
.traz2 {opacity:0.2;filter:alpha(opacity=20);transition: opacity 0.5s;
-moz-transition: opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;}
.traz2:hover {opacity:1.0;filter:alpha(opacity=100);}
.trazz {opacity:0;filter:alpha(opacity=0);transition: opacity 0.3s;
-moz-transition: opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;}
.trazz:hover{opacity:0.7;filter:alpha(opacity=70);}
img.tran{opacity:0.1;filter:alpha(opacity=10);width:50px;height:50px;
transition:width 3s, height 3s, opacity 3.5s, transform 2s;
-moz-transition:width 3s, height 3s, opacity 3.5s, -moz-transform 2s;
-webkit-transition:width 3s, height 3s, opacity 3.5s, -webkit-transform 2s;
-o-transition:width 3s, height 3s, opacity 3.5s;}
img.tran:hover {width:300px;height:300px;
transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);opacity:1.0;filter:alpha(opacity=100);}
.shad{background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #97EFEF 100%);
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #97EFEF 100%);
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #97EFEF 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #97EFEF));
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #97EFEF 100%);
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #97EFEF 100%);
-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;box-shadow: 2px 3px 3px 2px#000000;}
img.rot{transition:transform 3s;-moz-transition:-moz-transform 3s;
-webkit-transition:-webkit-transform 3s;-o-transform-transition:-o-transform 3s;}
img.rot:hover {transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);}
.ex2{font-size: 29px;padding: 20px;-webkit-border-radius: 24px;
-moz-border-radius: 24px;border-radius: 24px;background: rgb(138, 156, 238);
background: -moz-linear-gradient(90deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
background: -webkit-linear-gradient(90deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
background: -o-linear-gradient(90deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
background: -ms-linear-gradient(90deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
background: linear-gradient(0deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
-webkit-box-shadow: 0px 2px 7px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 2px 7px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 7px rgba(50, 50, 50, 0.75);}
.ex1{text-align:center;position:relative;left:30%;width:40%;color: rgb(230, 230, 230);font-size: 20px;
padding: 20px;text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;background: rgb(29, 196, 20);
background: -moz-linear-gradient(90deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
background: -webkit-linear-gradient(90deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
background: -o-linear-gradient(90deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
background: -ms-linear-gradient(90deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
background: linear-gradient(0deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
-webkit-box-shadow: 0px 10px 9px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 9px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 9px rgba(50, 50, 50, 0.75);}
#horizontal-float {margin-top:-5px;padding-left:10%;padding-top:0px;overflow:hidden;background:#eee;
width:100%;height:50px;top:0px;z-index:5;position:fixed;box-shadow:0px 2px 8px rgba(50, 50, 50, 0.75);
    display:none;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;}
#horizontal-float:hover {margin-top:0px;box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);}
  #horizontal-float-down 
  {margin-bottom:-5px;padding-left:10%;padding-top:-10px;overflow:hidden;background:#eee;
width:100%;height:3.125em;bottom:0px;z-index:5;position:fixed;box-shadow:0px -2px 8px rgba(50, 50, 50, 0.75);
    display:none;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;}
#horizontal-welcomer {overflow:hidden;top:0px;position:absolute;width:100%;
text-align:center;font-size:16px;height:35px;line-height:30px;background:#eeeeee;
box-shadow:0px 0px 10px 2px rgba(50, 50, 50, 0.75);}
#backtop {color:black;text-align:center;font-size:12px;line-height:20px;
-webkit-border-radius:5px 20px 20px 5px;-moz-border-radius: 5px 20px 20px 5px;border-radius: 10px 20px 20px 10px;
    background:#CCCCCC;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;
      -o-transition:all 0.2s;box-shadow:0 -2px 5px 1px grey inset;padding:5px 10px 3px 7px;}
#backtop:hover{cursor:pointer;box-shadow:0 1px 5px 1px grey inset;}
#backtop:active {box-shadow:0 2px 5px 1px grey inset;}
.front{background-image: -ms-radial-gradient(center, ellipse closest-corner, #FFFFFF 0%, #EEEEEE 100%);
background-image: -moz-radial-gradient(center, ellipse closest-corner, #FFFFFF 0%, #EEEEEE 100%);
background-image: -o-radial-gradient(center, ellipse closest-corner, #FFFFFF 0%, #EEEEEE 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));
background-image: -webkit-radial-gradient(center, ellipse closest-corner, #FFFFFF 0%, #EEEEEE 100%);
background-image: radial-gradient(ellipse closest-corner at center, #FFFFFF 0%, #EEEEEE 100%);
-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 30px;-webkit-border-bottom-left-radius: 30px;
border-bottom-left-radius: 30px;-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.75);box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.75);}
.fgshad {-webkit-box-shadow: 0px 10px 20px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 20px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 20px rgba(50, 50, 50, 0.75);
background-color:#000000;-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.fgshad:hover
{-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.75);}
#related-posts {
text-transform:none;height:100%;min-height:100%;padding-top:0px;padding-left:5px;margin-top: 0px;width:100%;}
#related-posts .widget{padding-left:10px;margin-bottom:10px;}
#related-posts .widget h2, #related-posts h2{font-size: 16px;font-weight: bold;color: #222;
font-family: &#39;Arbutus Slab&#39;, serif;margin-bottom: 0.6em;padding-top: 0em;}
#related-posts a{font-size:14px;color: #000;}
#related-posts a:hover{text-decoration: none;color: #0b5394;}
#related-posts ul{list-style-type:none;margin:5px 0 0px 0;padding:0px;text-decoration:none;text-color:#333333;}
#related-posts ul li{list-style-type: disc;border-left: 0px solid #111;border-right: 0px solid #111;
border-bottom: 0px solid #333;margin-bottom: 2px;padding-left: 5px;padding-right: 10px;padding-top:2px;
margin-left:15px;}
#menu-sidebar {cursor:pointer;}
#close-sidebar {color:#666;cursor:pointer;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;}  
#close-sidebar:hover {color:#000;}
#menu-sidehidden {display:none;}
td.gsc-search-button {display:none;}
#HTML4 {padding: 0px 20px 20px 20px;margin-top: -10px ;margin-bottom: 10px;
  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  _background-image: none;background:#eeeeee;border-left: 2px solid ; border-right:1px solid #DEDEDE;}
.date-outer{margin-top:0px;margin-bottom:0px;padding: 0px 20px 20px 20px; background:#eeeeee;border-right:1px solid #DEDEDE; border-left:2px solid;}
  .post-outer {padding: 0px 0px 0px 10px;margin: 0px;
  background: $(post.background.color) $(post.background.url) repeat scroll top left; _background-image: none;}
  #blog-pager {font-size: 140%;margin-top: -10px;margin-bottom: -20px;background:#eeeeee;
border-left: 2px solid ;border-right: 1px solid #DEDEDE;border-bottom: 0px solid #DEDEDE;}  
  #rssbutton{text-align:center;background:#F5F5F5;width:60px;height:20px;padding:5px;
  border:1px solid #C9C9C9;border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;
box-shadow:-5px -5px 10px 0 #D6D6D6 inset;}
#rssbutton:hover {box-shadow:0 -5px 20px 0px #B5B5B5 inset;cursor:pointer;}
#rssbutton:active {box-shadow:0 5px 20px 1px #B5B5B5 inset;}
  hr { border: 0;    height: 1px;    background-image: -webkit-linear-gradient(left, transparent, #BABABA, transparent);  background-image:    -moz-linear-gradient(left, transparent, #BABABA, transparent); 
    background-image:     -ms-linear-gradient(left, transparent, #BABABA, transparent);    background-image:      -o-linear-gradient(left, transparent, #BABABA, transparent); }
hr.standard {border: 0;    height: 1px;    background: #BABABA;    }
hr.standard2 {border: 0;    height: 1px;    background: #DEDEDE;    }
hr.foo {border: 0;    height: 1px;     background-image: -webkit-linear-gradient(left, #fff,transparent,transparent); 
    background-image:    -moz-linear-gradient(left, #fff,transparent, transparent);     background-image:     -ms-linear-gradient(left, #fff,transparent, transparent);     background-image:      -o-linear-gradient(left, #fff,transparent, transparent);     }
hr.vertical { border: 0;    height: 250px;width:1px;background-image: -webkit-linear-gradient(top, transparent, #BABABA,transparent);     background-image:    -moz-linear-gradient(top, transparent, #BABABa, transparent); 
    background-image:     -ms-linear-gradient(top, transparent, #BABABA, transparent);     background-image:      -o-linear-gradient(top, transparent, #BABABA, transparent);}
hr.vertical-short { border: 0;    height: 20px;width:1px;background-image: -webkit-linear-gradient(top, transparent, #BABABA,transparent);     background-image:    -moz-linear-gradient(top, transparent, #BABABa, transparent); 
    background-image:     -ms-linear-gradient(top, transparent, #BABABA, transparent);    background-image:      -o-linear-gradient(top, transparent, #BABABA, transparent);}
hr.shadowdown {border: 0; height: 12px;background-image: -ms-radial-gradient(center bottom, ellipse farthest-side, #555555 0%, transparent 70%);background-image: -moz-radial-gradient(center bottom, ellipse farthest-side, #555555 0%, transparent 70%);background-image: -o-radial-gradient(center bottom, ellipse farthest-side, #555555 0%, transparent 70%);background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 487, color-stop(0, #555555), color-stop(0.7, transparent));background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, #555555 0%, transparent 70%);background-image: radial-gradient(ellipse farthest-side at center bottom, #555555 0%, transparent 70%);}
hr.shadowdown2 {border: 0;height: 12px;background-image: -ms-radial-gradient(center bottom, ellipse farthest-side, #555555 0%, transparent 100%);background-image: -moz-radial-gradient(center bottom, ellipse farthest-side, #555555 0%, transparent 100%);background-image: -o-radial-gradient(center bottom, ellipse farthest-side, #555555 0%, transparent 100%);background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 487, color-stop(0, #555555), color-stop(1, transparent));background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, #555555 0%, transparent 100%);background-image: radial-gradient(ellipse farthest-side at center bottom, #555555 0%, transparent 100%);}
hr.shadowup {border: 0;height: 10px;background-image: -ms-radial-gradient(center top, ellipse farthest-side, #888888 0%, transparent 70%);background-image: -moz-radial-gradient(center top, ellipse farthest-side, #888888 0%, transparent 70%);background-image: -o-radial-gradient(center top, ellipse farthest-side, #888888 0%, transparent 70%);background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #888888), color-stop(0.7, transparent));background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #888888 0%, transparent 70%);background-image: radial-gradient(ellipse farthest-side at center top, #888888 0%, transparent 70%);}
hr.shadowup2 {    border: 0;    height: 10px;background-image: -ms-radial-gradient(center top, ellipse farthest-side, #888888 0%, transparent 100%);background-image: -moz-radial-gradient(center top, ellipse farthest-side, #888888 0%, transparent 100%);background-image: -o-radial-gradient(center top, ellipse farthest-side, #888888 0%, transparent 100%);background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #888888), color-stop(1, transparent));background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #888888 0%, transparent 100%);background-image: radial-gradient(ellipse farthest-side at center top, #888888 0%, transparent 100%);}
  #sharer-wrapper {position:relative;overflow:hidden; z-index:5;margin-left:0px;padding:5px 5px 0px 5px;width:181px;display:inline-block;}
  .framo {position:relative;} .frontfaco{position:absolute; width:180px;height:26px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;background:#fefefe;box-shadow:0 0px 10px #777 inset;top:3px;left:0px;text-align:center;line-height:26px;cursor:pointer;}
#sharer-wrapper:hover &gt; .frontfaco  {left:-200px;}  .fauxcolumn-inner {border-right:none;}